<template>
  <aside class="macos-aside">
    <!-- 抽屉 -->
    <Drawer/>
    <!-- 个人信息 -->
    <Userinfo/>
  </aside>
</template>

<script>
import Drawer from './Drawer'
import Userinfo from './Userinfo'

export default {
  name: 'Aside',
  components: {
    Drawer,
    Userinfo
  }
}
</script>

<style lang="less" scoped>
.macos-aside {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  div{
    padding: 10px;
    cursor: pointer;
    transition: all .3s;
    border-radius: 10px;
    &:hover{
      background: rgba(255, 255, 255, 0.2);
    }
  }
}
</style>
